<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./style.css">
</head>

<body>
    <div class="frame">
        <div class="moon">
            <div class="crater c1"></div>
            <div class="crater c2"></div>
            <div class="crater c3"></div>
            <div class="crater c4"></div>
            <div class="crater c5"></div>
            <div class="crater c6"></div>
            <div class="crater c7"></div>
            <div class="crater c8"></div>
            <div class="crater c9"></div>
            <div class="crater c10"></div>
            <div class="crater c11"></div>
        </div>
        <div class="hill h1"></div>
        <div class="hill h2"></div>
        <div class="hill h3"></div>
        <div class="hill h4"></div>
        <div class="hill h5"></div>
        <div class="front">
            <div class="temperature">12°</div>
            <div class="info">
                Wind: E 7 km/h <br>
                Humidity: 60%
            </div>
            <table class="preview">
                <tbody>
                    <tr>
                        <td>Tue</td>
                        <td>21°/9°</td>
                    </tr>
                    <tr>
                        <td>Wed</td>
                        <td>23°/10°</td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
</body>

</html>